<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core">

<h:head>
	<title>Livraria :: Livros</title>
	<h:outputStylesheet id="outStylesheetLivraria" library="css" name="livraria.css" />
</h:head>
<h:body>
	<h:form id="frmLivro">
		<!-- MENSAGEM GERAL SUPERIOR -->
	    <h:panelGroup id="pnlGrpMensagem" layout="block" styleClass="mensagemPadrao">
			<p:messages id="messages" showDetail="true" autoUpdate="true" closable="true" /> 
		</h:panelGroup>
		
		
		<br clear="all"/>
		
		<p:panel id="pnlCadastroLivros" styleClass="panelLayoutInternoAbas" >
			<f:facet name="header">
				<h:panelGroup id="pnlGrpInclusaoLivro" layout="block" style="text-align: center;">
	   				<h:outputLabel value="Cadastro de Livros"/>
	   			</h:panelGroup>
			</f:facet> 
			
			<br clear="all"/>
			
			<h:panelGrid id="pnlGrdInclusaoLivros" columns="12" styleClass="panelGridLayoutInternoAbas">
				<h:outputLabel id="outLblNome" value="Nome do Livro: "/>
				<h:inputText id="iptTxtNome" name="iptTxtNome" label="Livro" value="#{livroMBean.livro.nome}"></h:inputText>
				<p:message id="msgIptTxtNome" for="iptTxtNome" display="icon" />
				
				<h:outputLabel id="outLblAutor" value="Autor: "/>
				<p:selectOneMenu id="sltOneMenuAutores" label="Autor" value="#{livroMBean.livro.autor.id}" >
			        <f:selectItem id="aEscolha" itemLabel="Escolha..." noSelectionOption="true" />
			        <f:selectItems value="#{livroMBean.listaAutor}" 
			        var="au" 
			        itemValue="#{au.id}"
			        itemLabel="#{au.nome}" />
			    </p:selectOneMenu>
				<p:message id="msgSltOneMenuAutor" for="sltOneMenuAutores" display="icon" />
				
				<h:outputLabel id="outLblEditora" value="Editora: "/>
				<p:selectOneMenu id="sltOneMenuEditoras" label="Editora" value="#{livroMBean.livro.editora.id}">
			        <f:selectItem id="eEscolha" itemLabel="Escolha..." noSelectionOption="true" />
			        <f:selectItems value="#{livroMBean.listaEditora}" 
			        var="ed" 
			        itemValue="#{ed.id}"
			        itemLabel="#{ed.nome}" />
			    </p:selectOneMenu>
				<p:message id="msgSltOneMenuEditora" for="sltOneMenuEditoras" display="icon" />
				
				<h:outputLabel id="outLblMes" value="Publicação: "/>
				<p:selectOneMenu id="sltOneMenuMes" label="Mês" value="#{livroMBean.livro.publicacao}" >
					<f:selectItem id="mEscolha" itemLabel="Escolha..." noSelectionOption="true" />
					<f:selectItem id="item1" itemLabel="Janeiro" itemValue="01" />
			        <f:selectItem id="item2" itemLabel="Fevereiro" itemValue="02" />
			        <f:selectItem id="item3" itemLabel="Março" itemValue="03" />
			        <f:selectItem id="item4" itemLabel="Abril" itemValue="04" />
			        <f:selectItem id="item5" itemLabel="Maio" itemValue="05" />
			        <f:selectItem id="item6" itemLabel="Junho" itemValue="06" />
			        <f:selectItem id="item7" itemLabel="Julho" itemValue="07" />
			        <f:selectItem id="item8" itemLabel="Agosto" itemValue="08" />
			        <f:selectItem id="item9" itemLabel="Setembro" itemValue="09" />
			        <f:selectItem id="item10" itemLabel="Outubro" itemValue="10" />
			        <f:selectItem id="item11" itemLabel="Novembro" itemValue="11" />
			        <f:selectItem id="item12" itemLabel="Dezembro" itemValue="12" />
			    </p:selectOneMenu>
				<p:message id="msgSltOneMenuMes" for="sltOneMenuMes" display="icon" />

			</h:panelGrid>
			
			<br clear="all"/>
			
			<f:facet name="footer">
				<h:panelGroup id="pnlGrpBotoesLivro" layout="block" style="text-align: center;">
		   			<p:commandButton id="cmdSalvarLivro" value="Salvar" action="#{livroMBean.salvar}" 
		   			update="dtTblListaLivro" icon="ui-icon-circle-check" ></p:commandButton>
		   			<p:commandButton id ="cmdCancelarLivro" value="Cancelar" action="#{livroMBean.limparCampos}" 
		   			update="pnlGrdInclusaoLivros" icon="ui-icon-circle-close" ></p:commandButton>
	   			</h:panelGroup>
			</f:facet> 
			
		</p:panel>
		
		<br clear="all"/>
		
		<p:panel id="pnlListaLivro" styleClass="panelLayoutInternoAbas" >
			<f:facet name="header">
				<h:panelGroup id="pnlGrpListaLivro" layout="block" style="text-align: center;">
	   				<h:outputLabel value="Lista de Livros Cadastrados"/>
	   			</h:panelGroup>
			</f:facet> 
			
			<br clear="all"/>
			
			<p:dataTable id="dtTblListaLivro" var="vLivro" value="#{livroMBean.listaLivro}"> 
				
				<p:column headerText="Livro" style="width:20%; text-align: center;">  
		            <h:outputText value="#{vLivro.nome}" />  
		        </p:column>  
		        
				<p:column headerText="Autor" style="width:20%; text-align: center;">  
	            <h:outputText value="#{vLivro.autor.nome}" />  
		        </p:column>  
		        
		        <p:column headerText="Editora" style="width:20%; text-align: center;">  
	            <h:outputText value="#{vLivro.editora.nome}" />  
		        </p:column>  
		  
		        <p:column headerText="Mês" style="width:20%; text-align: center;">  
		            <h:outputText value="#{vLivro.publicacao}" converter="MesConverter" />  
		        </p:column>  
		  
		        <p:column headerText="Ação" style="width:20%; font-weight: bold; text-align: center;">  
		        	<p:commandButton id="btnCmdEditar" label="Editar"
		        		update=":frmLivro:pnlGrdInclusaoLivros"	icon="ui-icon-pencil">
		        		<f:setPropertyActionListener value="#{vLivro}" target="#{livroMBean.livro}" /> 
		        	</p:commandButton>  
			        <p:commandButton id="btnCmdExcluir" action="#{livroMBean.excluir}" label="Excluir"
			        	update="dtTblListaLivro" icon="ui-icon-trash">
			        	<f:setPropertyActionListener value="#{vLivro}" target="#{livroMBean.livro}" /> 
		        	</p:commandButton>
				</p:column>   
		    </p:dataTable>  
		</p:panel>
		
		<br clear="all"/>
	</h:form>
</h:body>
</html>